<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="../../layui/css/layui.css">
    <link rel="stylesheet" href="../zhengcewenjian.css">
    <script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
</head>
<body>
<div class="main" style="height: 625px">
    <div class="left" style="width:100px;margin-left:100px;float: left;">
        <div class="card" style="margin-top:20px;height: 370px;width: 250px;">
            <h3 align="center">栏目导航</h3><br>
            <hr style="border:1px solid #ccc;">
            <ul>
                <!--  <li class="this"><a href="转专业.html">转专业</a></li>-->

                <li ><a style="cursor: pointer" onclick="parent.page7('创业校友')">创业校友</a></li>
                <hr>
                <li ><a style="cursor: pointer" onclick="parent.page7('校友会')">校友会</a></li>
                <hr>
                <li><a style="cursor: pointer" onclick="parent.page7('校友名录')">校友名录</a></li>
                <hr>
                <li><a style="cursor: pointer" onclick="parent.page7('校友捐赠')">校友捐赠</a></li>
                <hr>
                <li class="this"><a style="cursor: pointer" onclick="parent.page7('校友活动')">校友活动</a></li>
                <hr>
                <li><a style="cursor: pointer" onclick="parent.page7('校友相册')">校友相册</a></li>
                <hr>
                <li><a style="cursor: pointer" onclick="parent.page7('联系我们')">联系我们</a></li>
                <hr>

            </ul>
            <br>
        </div>
    </div>
    <div class="right">
        <div class="title">
            <h2 style="font-weight: bold;color: #0B469F;">校友工作 | 校友活动 </h2>
        </div>
        <div id="biuuu_city_list" class="list" style="height: 400px">

      <!--      <ul>
                <li>
                    <i class="layui-icon" style="float: left">&#xe623;</i>
                    <a href="2020.11.10.html">河北工业大学北京校友会项目推进部校企对接活动纪实</a>
                    <p align="right" style="color: #8D8D8D">2020.11.10</p>
                </li>
                <hr>
                <li>
                    <i class="layui-icon" style="float: left">&#xe623;</i>
                    <a href="2020.11.10.html">河北工业大学115周年校庆系列活动</a>
                    <p align="right" style="color: #8D8D8D">2020.10.09</p>
                </li>
                <hr>
                <li>
                    <i class="layui-icon" style="float: left">&#xe623;</i>
                    <a href="2020.11.10.html">天津校友会合唱团晋级“春秋杯”津京冀声乐展演复赛</a>
                    <p align="right" style="color: #8D8D8D">2019.11.15</p>
                </li>
                <hr>

            </ul>-->


            <div class="clear" ></div>
        </div>

        <div style="text-align: center "   id="demo20-3"  ></div>
    </div>

</div>
<div  id="footer" class="layui-row" style="height: 100px;background-color: #00477A;">
    <div id="link" align="center" lay-separator="|" style="height:50px;line-height: 50px;">
        <a href="#">河北工业大学</a><span>&nbsp&nbsp|&nbsp</span>
        <a href="#">人工智能与数据科学学院</a><span>&nbsp&nbsp|&nbsp</span>
        <a href="#">科研院</a><span>&nbsp&nbsp|&nbsp</span>
        <a href="#">本科生院</a><span>&nbsp&nbsp|&nbsp</span>
        <a href="#">研究生院</a><span>&nbsp&nbsp|&nbsp</span>
        <a href="#">联系我们</a>
    </div>
    <div style="text-align: center;" class="layui-layout-admin layui-footer">
        <p style="color: white">
            COPY RIGHT &copy;&nbsp;&nbsp;&nbsp;天津市北辰区双口镇西平道5340号河北工业大学北辰校区人工智能与数据科学学院知识成果共享平台
            &nbsp;&nbsp;&nbsp;津ICP备350321号
        </p>
    </div>

</div>

<script src="../../layui/layui.js" charset="utf-8"></script>
<!-- 注意：如果你直接复制所有代码到本地，上述 JS 路径需要改成你本地的 -->
<script>
    layui.use(['laypage', 'layer'], function() {
        var laypage = layui.laypage
            ,layer = layui.layer;

        var data= [
            '河北工业大学北京校友会项目推进部校企对接活动纪实',
            '河北工业大学115周年校庆系列活动',
            '天津校友会合唱团晋级“春秋杯”津京冀声乐展演复赛',

            '河北工业大学校友论坛',
            '五四运动中的工大人和爱国情',
            '工大故事：我校出了个“全运会”冠军',

            '天津校友会合唱团晋级“春秋杯”津京冀声乐展演复赛',
            '河北工业大学北京校友会项目推进部校企对接活动纪实',
            '天津校友会合唱团晋级“春秋杯”津京冀声乐展演复赛',

        ];
        var address = [
            '2020.11.10.html',
            '2020.11.10.html',
            '2020.11.10.html',

            '2020.11.10.html',
            '2020.11.10.html',
            '2020.11.10.html',

            '2020.11.10.html',
            '2020.11.10.html',
            '2020.11.10.html',

            '2020.11.10.html',
            '2020.11.10.html',
            '2020.11.10.html',


        ];
        var time=[
                '2020.11.10',
                '2020.10.09',
                '2020.10.08',

            '2020.10.07',
            '2020.10.6',
            '2020.10.05',

            '2020.10.04',
            '2020.10.03',
            '2020.10.02',

            '2020.10.01',
            '2020.09.09',
            '2020.09.08',



            ]
        ;
        //调用分页
        laypage.render({
            elem: 'demo20-3'
            , count: data.length
            , limit: 6
            , jump: function (obj) {
                //模拟渲染
                document.getElementById('biuuu_city_list').innerHTML = function () {
                    var arr = []
                        , thisData = data.concat().splice(obj.curr * obj.limit - obj.limit, obj.limit);
                    layui.each(thisData, function (index, item) {
                        arr.push(   '<ul>\n'+
                            '<li>\n'+
                            '   <i class="layui-icon" style="float: left">&#xe623;</i>\n'+
                            '  <a href="'+address[index]+'">' + item + '</a>\n'+
                            '    <p align="right" style="color: #8D8D8D">'+time[index]+'</p>\n'+
                            '  </li>\n'+
                            '  <hr>\n'+
                            '  </ul>');
                        /*   <p style="text-align: center">李红超</p>  */
                    });
                    return arr.join('');
                }();
            }
        });
    });
</script>
</body>
</html>